import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/home/Home.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/init',
    name: 'init',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/init/Init.vue')
  },
  {
    path: '/p_1_1',
    name: 'p_1_1',
    component: () => import(/* webpackChunkName: "p_1_1" */ '../views/loading_unloading_plan/Page_1_1.vue')
  },
  {
    path: '/p_1_2',
    name: 'p_1_2',
    component: () => import(/* webpackChunkName: "p_1_2" */ '../views/loading_unloading_plan/Page_1_2.vue')
  },
  {
    path: '/p_2_1',
    name: 'p_2_1',
    component: () => import(/* webpackChunkName: "p_2_1" */ '../views/berth_plan/Page_2_1.vue')
  },
  {
    path: '/p_2_2',
    name: 'p_2_2',
    component: () => import(/* webpackChunkName: "p_2_2" */ '../views/berth_plan/Page_2_2.vue')
  },

]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
